<template>
  <div id="app">
    <div class="mask" v-if="$store.state.isShow">
      <van-loading v-show="$store.state.isShow" type="spinner" size="60" vertical color="#000"
        class="loading"></van-loading>
      <div class="app-mask" v-if="$store.state.isShow"></div>
    </div>
    <router-view></router-view>
  </div>
</template>
<script>
export default {
  name: 'App',
  data() {
    return {

    }
  },
}
</script>
<style scoped lang="less">
@a: 3.75vw;

#app {
  height: (667/@a);
  position: relative;

  .mask {
    position: absolute;
    top: 0;
    left: 0;

    .app-mask {
      position: relative;
      width: 100vw;
      height: (667/@a);
      background-color: #535252;
      z-index: 9999 !important;
    }

    .loading {
      position: fixed;
      z-index: 99999 !important;
      top: (300/@a);
      left: (150/@a);
    }
  }
}
</style>
